		<div class="col-md-6">
		
			<div class="col-md-12" style="padding-left: 0px;">
				<label class="control-label col-md-12" style="height: 30px;">
				<h4>
					<img src="resources/img/tree/node.png">
					<strong> row 0</strong>
					<a class="btn btn-xs btn-primary pull-right" style="position: relative;bottom:-15px;"
					name="btnShowDetail" boilerId="" boilerName="">
					Detail </a>
				</h4>
				</label>
			</div>
			<div style="clear: both;"></div>
			<div class="col-md-12" style="padding-left: 0px;">
				<div class="col-md-4 " style="padding-left: 0px;padding-right: 0px">
				 	<label class="control-label col-md-12"> 
				 	<img src="resources/img/daviteq-icon/common/detail boiler-04.png"> 
				 	row 1 cell 0
				 	</label>
				</div>
				<div class="col-md-8 ">
					<label class="control-label col-md-12"> 
					<img src="resources/img/daviteq-icon/common/map-04.png" > 
					134
					</label>
				</div>
			</div>
			
			<div style="clear: both;height: 5px;"></div>
			
			<div class="col-md-12">
				
				<div class="col-md-8" >
				 	<div class="row col-md-12 div-border" style="padding-left: 0px;padding-right: 0px; height: 238px;">
				 		<div class="col-md-6" style="float: left; border-right: 2px solid #a2a7ac;border-bottom: 2px solid #a2a7ac;height: 50%;">
				 			<div class= "row format-row" style="border-bottom: 2px dashed #a2a7ac ;font-size: 30px;height: 40%;">Day</div>
				 			<div class= "row format-row" style="height: 20%;">
				 				<img src="resources/img/tree/steam_meter.png" > 
				 				<span class="format-value-dashboard-detail">0123456789</span> 
				 				<span>tontonton</span>
				 			</div>
				 			<div class= "row format-row" style="height: 20%;">
				 				<img src="resources/img/tree/water_meter.png" > 
				 				<span class="format-value-dashboard-detail">0123456789</span> 
				 				<span>tontonton</span>
				 			</div>
				 			<div class= "row format-row" style="height: 20%;">
				 				<img src="resources/img/tree/fuel_meter.png" > 
				 				<span class="format-value-dashboard-detail">0123456789</span> 
				 				<span>tontonton</span>
				 			</div>
				 		</div>
				 		<div class="col-md-6" style="float: right;border-bottom: 2px solid #a2a7ac;height: 50%;">
				 			<div class= "row format-row" style="border-bottom: 2px dashed #a2a7ac ;font-size: 30px;height: 40%;">Week</div>
				 			<div class= "row format-row" style="height: 20%;">
				 				<img src="resources/img/tree/steam_meter.png" > 
				 				<span class="format-value-dashboard-detail">0123456789</span> 
				 				<span>tontonton</span>
				 			</div>
				 			<div class= "row format-row" style="height: 20%;">
				 				<img src="resources/img/tree/water_meter.png" > 
				 				<span class="format-value-dashboard-detail">0123456789</span> 
				 				<span>tontonton</span>
				 			</div>
				 			<div class= "row format-row" style="height: 20%;">
				 				<img src="resources/img/tree/fuel_meter.png" > 
				 				<span class="format-value-dashboard-detail">0123456789</span> 
				 				<span>tontonton</span>
				 			</div>
				 		</div>
				 		<div style="clear: both;"></div>
				 		<div class="col-md-6" style="float: left;border-right: 2px solid #a2a7ac;height: 50%;">
				 			<div class= "row format-row" style="border-bottom: 2px dashed #a2a7ac ;font-size: 30px;height: 40%;">Month</div>
				 			<div class= "row format-row" style="height: 20%;">
				 				<img src="resources/img/tree/steam_meter.png" > 
				 				<span class="format-value-dashboard-detail">0123456789</span> 
				 				<span>tontonton</span>
				 			</div>
				 			<div class= "row format-row" style="height: 20%;">
				 				<img src="resources/img/tree/water_meter.png" > 
				 				<span class="format-value-dashboard-detail">0123456789</span> 
				 				<span>tontonton</span>
				 			</div>
				 			<div class= "row format-row" style="height: 20%;">
				 				<img src="resources/img/tree/fuel_meter.png" > 
				 				<span class="format-value-dashboard-detail">0123456789</span> 
				 				<span>tontonton</span>
				 			</div>
				 		</div>
				 		<div class="col-md-6" style="float: right;height: 50%;">
				 			<div class= "row format-row" style="border-bottom: 2px dashed #a2a7ac ;font-size: 30px;height: 40%;">Year</div>
				 			<div class= "row format-row" style="height: 20%;">
				 				<img src="resources/img/tree/steam_meter.png" > 
				 				<span class="format-value-dashboard-detail">0123456789</span> 
				 				<span>tontonton</span>
				 			</div>
				 			<div class= "row format-row" style="height: 20%;">
				 				<img src="resources/img/tree/water_meter.png" > 
				 				<span class="format-value-dashboard-detail">0123456789</span> 
				 				<span>tontonton</span>
				 			</div>
				 			<div class= "row format-row" style="height: 20%;">
				 				<img src="resources/img/tree/fuel_meter.png" > 
				 				<span class="format-value-dashboard-detail">0123456789</span> 
				 				<span>tontonton</span>
				 			</div>
				 		</div>
				 	</div>
				</div>
				
				<div class="col-md-4" style="padding-left: 0px;padding-right: 0px;">
					<div class="row col-md-12 div-border" style="padding-right: 0px;height: 120px;">
				 		<div class="format-row" style="text-align: center; border-bottom: 2px solid #a2a7ac;margin-top: 5px;height: 30%;">
					 		<p style="word-wrap:break-word;font-weight: bold;height: 5px;">
					 			<img src="resources/img/tree/level_meter.png" style="position: relative;bottom: -5px;right:-2px;"> 
					 			Steam flow in day 
					 		</p>
					 		<p class="format-sub-value-dashboard-detail">(ton/h)</p>
				 		</div>
				 		<div style="clear: both;" ></div>
				 		<div class="format-row" style="height: 35%;">
				 			<div class="col-md-8" style="border-right: 2px dashed #a2a7ac;border-bottom: 2px dashed #a2a7ac;">
				 				<div class="format-value-dashboard-detail">
				 					0123456789
				 				</div>
				 				<div style="clear: both;" ></div>
				 				<div class="format-sub-value-dashboard-detail">MAX</div>
				 			</div>
				 			<div class="col-md-4" style="border-bottom: 2px dashed #a2a7ac;">
				 				<div style="color:#1bade1;">100</div>
				 				<div style="clear: both;" ></div>
				 				<div class="format-sub-value-dashboard-detail">%CAP</div>
				 			</div>
						</div>
				 		<div class="format-row" style="height: 35%;">
				 			<div class="col-md-8" style="border-right: 2px dashed #a2a7ac;">
				 				<div class="format-value-dashboard-detail">
				 					0123456789
				 				</div>
				 				<div style="clear: both;" ></div>
				 				<div class="format-sub-value-dashboard-detail">MIN</div>
				 			</div>
				 			<div class="col-md-4" >
				 				<div style="color:#1bade1;">100</div>
				 				<div style="clear: both;" ></div>
				 				<div class="format-sub-value-dashboard-detail">%CAP</div>
				 			</div>
						</div>
				 	</div>
				 	
				 	<div style="clear: both;height: 10px;" ></div>
				 	
				 	<div class="row col-md-12 div-border" style="padding-right: 0px;height: 107px;">
				 		<div class="col-md-6" style="text-align: center;margin: 0 auto; border-right: 2px solid #a2a7ac;height: 100%; ">
							<img src="resources/img/tree/temperature_meter.png">
							<br>
							<span style="font-weight: bold;">Feed</span>
							<br>
							<span style="font-weight: bold;">hardness</span>
							<br>
							<span style="font-weight: bold;">in day</span>
							<br>
							<span class="format-sub-value-dashboard-detail">(ppm)</span>
						</div>
						<div class="col-md-6" style="text-align: center;margin: 0 auto;height: 100%;">
							<div class="row"  style="border-bottom: 2px dashed #a2a7ac ;height: 50%;">
								<div class="format-value-dashboard-detail format-padding-value" style="height: 50%;">
									0123456789
								</div>
								<div class="format-sub-value-dashboard-detail" style="height: 50%;">max</div>
							</div>
							<div class="row" style="height: 50%;">
								<div class="format-value-dashboard-detail format-padding-value" style="height: 50%;">
									0123456789
								</div>
								<div class="format-sub-value-dashboard-detail" style="height: 50%;">min</div>
							</div>
						</div>
				 	</div>
				</div>
				
			</div>
			<div style="clear: both;height: 10px;"></div>
		
			<div class="col-md-12 ">
				<div class="col-md-6" style="padding-right: 0px;height: 107px;">
					<div class="row col-md-12 div-border" style="padding-left: 0px;padding-right: 0px;height: 100%;">
						<div class="col-md-4" style="text-align: center;margin: 0 auto; border-right: 2px solid #a2a7ac; height: 100%;">
							<img src="resources/img/tree/pressure_meter.png">
							<br>
							<span style="font-weight: bold;">Steam</span>
							<br>
							<span style="font-weight: bold;">pressure</span>
							<br>
							<span style="font-weight: bold;">in day</span>
							<br>
							<span class="format-sub-value-dashboard-detail">(kg/cm2)</span>
						</div>
						<div class="col-md-8" style="text-align: center;margin: 0 auto;height: 100%;">
							<div class="row"  style="border-bottom: 2px dashed #a2a7ac ;height: 50%;">
								<div class="format-value-dashboard-detail format-padding-value" style="height: 50%;">
									0123456789
								</div>
								<div class="format-sub-value-dashboard-detail" style="height: 50%;">max</div>
							</div>
							<div class="row" style="height: 50%;">
								<div class="format-value-dashboard-detail format-padding-value" style="height: 50%;">
									0123456789
								</div>
								<div class="format-sub-value-dashboard-detail" style="height: 50%;">min</div>
							</div>
						</div>
					</div>
				</div>
				
				<div class="col-md-6" style="padding-right: 0px;height: 107px;">
					<div class="row col-md-12 div-border" style="padding-left: 0px;padding-right: 0px;height: 100%;">
						<div class="col-md-5" style="text-align: center;margin: 0 auto; border-right: 2px solid #a2a7ac; height: 100%;">
							<img src="resources/img/tree/temperature_meter.png">
							<br>
							<span style="font-weight: bold;">Steam</span>
							<br>
							<span style="font-weight: bold;">temperature</span>
							<br>
							<span style="font-weight: bold;">in day</span>
							<br>
							<span class="format-sub-value-dashboard-detail">(ppm)</span>
						</div>
						<div class="col-md-7" style="text-align: center;margin: 0 auto;height: 100%;">
							<div class="row"  style="border-bottom: 2px dashed #a2a7ac ;height: 50%;">
								<div class="format-value-dashboard-detail format-padding-value" style="height: 50%;">
									0123456789
								</div>
								<div class="format-sub-value-dashboard-detail" style="height: 50%;">max</div>
							</div>
							<div class="row" style="height: 50%;">
								<div class="format-value-dashboard-detail format-padding-value" style="height: 50%;">
									0123456789
								</div>
								<div class="format-sub-value-dashboard-detail" style="height: 50%;">min</div>
							</div>
						</div>
					</div>
				</div>
				
			</div>
		</div>